From 794cb6236fa256f8074c56f372eba05526e7c066 Mon Sep 17 00:00:00 2001 From: real-zephex Date: Tue, 2 Apr 2024 22:41:19 +0530 Subject: UI Upgrades for anime section. --- src/app/anime/[id]/info.css | 123 -------------------------------------------- 1 file changed, 123 deletions(-) delete mode 100644 src/app/anime/[id]/info.css (limited to 'src/app/anime/[id]/info.css') diff --git a/src/app/anime/[id]/info.css b/src/app/anime/[id]/info.css deleted file mode 100644 index fc41e88..0000000 --- a/src/app/anime/[id]/info.css +++ /dev/null @@ -1,123 +0,0 @@ -.dramaInfoContainer { - display: flex; - flex-direction: column; -} - -.dramaInfo { - display: flex; - flex-direction: column; - width: 95%; - margin: 0px auto; -} - -.titleContainer { - display: flex; - justify-content: space-between; - align-items: center; -} - -.titleContainer p { - color: var(--neon-green); - width: 60%; - font-family: "Quicksand"; - font-weight: 900; - font-size: 24px; -} - -.titleContainer img { - border-radius: 10px; -} - -.animeDescription { - color: #ffffff81; - font-family: "Atkinson Hyperlegible"; - font-size: 16px; - max-height: 120px; - margin: 20px auto; - text-align: center; - overflow-y: auto; -} - -.buttonContainer { - margin: 5px auto; - text-align: center; - max-height: 200px; - overflow-y: auto; -} - -.buttonContainer button:focus { - opacity: 0.7; - transition: transform 0.2s linear; - background-color: var(--pastel-red); - transform: scale(0.9); -} - -.buttonContainer::-webkit-scrollbar { - width: 5px; -} - -.buttonContainer::-webkit-scrollbar-thumb { - background-color: var(--soft-purple); - border-radius: 5px; -} - -.dramaButton { - padding: 8px; - font-family: "Quicksand"; - font-size: 16px; - margin: 5px; - width: 130px; - border-radius: 5px; - border: none; - background-color: #f8f6e3dc; - cursor: pointer; -} - -.dramaButton:hover { - background-color: #97E7E1; -} - -.infoPageContainer { - display: flex; - height: 100dvh; - justify-content: center; - align-items: center; -} - -.infoPageContainer p { - color: white; -} - -.animeDetails { - text-align: center; - color: white; - font-family: "Quicksand"; -} - -.genreEntries { - margin: 3px; - padding: 4px; - border-radius: 5px; - color: var(--neon-green); - background-color: #303030; - cursor: pointer; -} - -.animeType span { - color: var(--light-green); -} - -.animeRelease span { - color: var(--soft-purple) -} - -@media screen and (max-width: 768px) { - .dramaButton { - font-size: 14px; - width: 100px; - } - - .animeDetails { - font-size: 14px; - } -} \ No newline at end of file -- cgit v1.2.3